import React, {Component} from 'react';
import {View, Text, TouchableOpacity, StyleSheet} from 'react-native';
import {NavigationPage, ListRow, Button, Label, Theme} from 'teaset';


export default class HomeScreen extends Component {
  constructor(props) {
    super(props);
  }
  componentDidMount(){
    toast.message('Toast message :首頁');
  }
  
  render() {
    return (
      <View style={{flexDirection:'row',justifyContent:'center'}}>
      <View style={{height: 20}} />
      <Button title='個人中心' type='secondary' onPress={() => this.props.navigation.navigate('MyPage')}/>
      <View style={{height: 20}} />
      <Button title='Teaset演示頁' type='secondary' onPress={() => this.props.navigation.navigate('LoginPage')}/>
      </View>
    );
  }
}

const styles = StyleSheet.create({
  button: {
    width: 250,
    marginTop: 80,
    marginLeft: 50,
    minHeight: 46,
    paddingHorizontal: 15,
    paddingVertical: 6,
    borderStyle: 'solid',
    borderWidth: 1,
    borderRadius: 8,
    borderColor: '#ae9373',
    backgroundColor: '#f5f5f5',
    textAlign: 'center',
  },
  buttonText: {
    color: '#ae9373',
    fontSize: 20,
    lineHeight: 30,
    textAlign: 'center',
  },
});
